<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="test.css">
    <script src="test.js"></script>
</head>

<body>
<h1 class="title">学生数据展示</h1>
<div id="box">
    <div class="form">

        <form action="" class="update">
            姓名<input type="text" class="xm1" placeholder="请输入更新姓名"><br>
            性别<input type="radio" class="xb1" value="男" name="sex" checked>男
            <input type="radio" value="男" class="xb1" name="sex">女<br>
            年龄<input type="text" placeholder="请输入年龄" class="nl1"><br>
            电话<input type="text" class="dh1"><br>
            成绩<input type="text" class="cj1"><br>
            学校<input type="text" class="xx1"><br>
            <input type="button" id="sub1" value="更新">
        </form>



        <form action="" class="add">
            姓名<input type="text" class="xm" placeholder="请输入姓名"><br>
            性别<input type="radio" class="xb" value="男" name="sex" checked>男
            <input type="radio" value="男" class="xb" name="sex">女<br>
            年龄<input type="text" placeholder="请输入年龄" class="nl"><br>
            电话<input type="text" class="dh"><br>
            成绩<input type="text" class="cj"><br>
            学校<input type="text" class="xx"><br>
            <input type="button" id="sub" value="添加">
        </form>
    </div>



    <div class="show">
        <table>
            <thead>
            <tr>
                <th>ID</th>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>电话</th>
                <th>成绩</th>
                <th>学校</th>
                <th>操作1</th>
                <th>操作2</th>
            </tr>
            </thead>
            <tbody id="tab">
            </tbody>
        </table>
    </div>
</div>

</body>

</html>